<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>刘天平-手机搜索页</title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
			}
		    li{list-style-type: none;}
			.zero {
				height: 30px;
				background-color: #333333;
			}
			
			.one ul { font-size: 12px;font-family: "微软雅黑";
				line-height: 30px;
			}
			
			.one li {
				float: left;
				padding: 0px 6px;
				color: #b0b0b0;
			}
			
			.one li:hover {
				color: white;
			}
			
			.two ul {font-size: 12px;font-family: "微软雅黑";
				margin-right: 20px;
				line-height: 30px;
			}
			
			.two li:hover {
				color: white;
			}
			
			.two li {
				float: right;
				padding: 0px 4px;
				color: #b0b0b0;
			}
			
			.main {
				background-color: white;
				margin: 0 auto;
				width: 1226px;
			}
			.li{position: relative;float: left;top: 30px;color: #000000;margin-left: 30px;font-size: 16px;font-family: "微软雅黑";}
			.li:hover{color: red;}
			.leftlist{z-index: 10;
				height: 460px;
			display: none;
				width: 234px;
				position: absolute;
				top: 110px;left:63px;
				background-color: white;
				border:1px orangered solid;}
				.leftlist .leftul{position: relative;}
				.leftlist .leftul div{position: absolute;height: 460px;
				display: none;
				width: 600px;
				background-color: white;
				color: black;
				font-size: 14px;
				position: absolute;
				top: 0;
				left: 235px;}
				.leftlist .leftul div table{margin-left: -350px;}
				.leftlist .leftul div table span{font-size: 16px;font-family: "微软雅黑";position: relative;left: -300px;}
				.leftlist .leftul span{position: absolute;right: 10px;font-size: 20px;font-family: "宋体";font-weight: bolder;}
			.leftlist .leftul li{height:46px;width: 234px;line-height: 46px;font-family: "微软雅黑";font-size: 16px;}
			.leftlist .leftul li:hover{background-color: orangered;color: white;}	
			.child1 {
				height: 80px;
			}
			
			.baby1 {
				float: left;
			}
			
			.baby2 {
				float: left;
				position: relative;
			}
			
			#A li>div {
				height: 260px;
				width: 1348px;
				display: none;
				font-size: 40px;
				z-index: 1;
				background-color: white;
				position: absolute;
				top: 200px;
				left: 0;
			}
			
			.baby3 li {
				float: left;
				padding: 0px 15px;
				color: black;
				line-height: 80px;
			}
			
			.baby3 li:hover {
				color: crimson;
			}
			.baby3 li .daohan{ border-top:1px  #E0E0E0 solid;margin-top: -100px;}
			.baby3 li .headimg{width: 205px;border-right: 1px gainsboro solid;margin-left: 20px;float: left;margin-top: 15px;}
			.baby3 li .headimg img{width: 92px;height: 107px;}	
			#body {overflow: hidden;
				background-color: #F5F5F5;
				width: 1330px;
				margin: 0 auto;
			}
			
			.menu {
				line-height: 40px;
				height: 40px;
				width: 1226px;
				background-color: #F5F5F5;
				margin: 0 auto;
				color: grey;
				font-family: "微软雅黑";
				font-size: 12px;
			}
			
			.jieshao {
				background-color: white;
				width: 1226px;
				height: 173px;
				margin: 0 auto;
			}
			.shoowtu {
				width: 1226px;
				height: 2734px;
				margin: 0 auto;
			}
			
			.caidan {font-family: "微软雅黑";font-size: 14px;cursor: pointer;
				line-height: 50px;
				margin-top: 20px;
				height: 50px;
			}
			.caidan span:hover{color: orangered;}
			table{width: 1226px;padding-top: 30px;font-family: "微软雅黑";font-size: 14px;}
			tr{height: 48px;}
			td{text-align: center;}
			.div {font-family: "微软雅黑";font-size: 14px;
				margin-top: 15px;
				width: 296px;
				height: 430px;
				background-color: white;
				display: inline-block;
				margin-left: 4.3px;
				position: relative;
			}
			.div .hidden{height: 42px;width: 100%;position: absolute;top: 0px;display: none;}
			.div .hidden .span1{display: inline-block;float: left;}
			.div .hidden .span2{display: inline-block;float: right;}
			.div:hover .hidden{display: block;}
			.div1 {
				width: 200px;
				height: 200px;
				margin: 0 auto;
				padding-top: 60px;
			}
			
			.h1 {
				width: 1220px;
				margin: 0 auto;
			}
			
			.tuijian2 {
				width: 1226px;
				height: 570px;
				margin: 0 auto;
			}
			
			.foot {
				background-color: white;
			}
			
			.foot-top {
				width: 1226px;
				margin: 0 auto;
			}
			
			.foot-top ul {
				margin: 0 30px;
			}
			
			.foot-top ul li {
				float: left;
				list-style-type: none;
				padding: 0 30px;
				line-height: 79px;
			}
			
			.foot-top a {
				text-decoration: none;
				color: #616161;
				font-size: 16px;
			}
			
			.foot-top a:hover {
				color: #FF6700;
			}
			
			.foot-middle {
				width: 1226px;
				margin: 0 auto;
				clear: left;
				border-top: 1px solid #e0e0e0;
			}
			
			.foot-middle div {
				display: inline-block;
			}
			
			.middle-left {
				width: 996px;
			}
			
			.middle-left a {
				color: #757575;
				text-decoration: none;
			}
			
			.middle-list {
				width: 155px;
				height: 112px;
				font-size: 12px;
			}
			
			.middle-list ul li {
				list-style-type: none;
				line-height: 30px;
			}
			
			.middle-list ul {
				padding-top: 40px;
			}
			
			.middle-list .list-head {
				font-size: 14px;
			}
			
			.middle-right {
				border-left: 1px solid #e0e0e0;
				width: 221px;
				height: 153px;
				text-align: center;
				vertical-align: top;
				line-height: 20px;
				padding-top: 40px;
			}
			
			.middle-text span {
				font-size: 12px;
			}
			
			.middle-text .number {
				font-size: 22px;
				color: #ff6700;
			}
			
			.middle-text .customer {
				border: 1px solid #ff6700;
				padding: 5px 15px;
				line-height: 30px;
				/*margin-top: 7px;*/
			}
			
			.middle-text a {
				text-decoration: none;
				color: #ff6700;
			}

		.footer {
				background-color: #FAFAFA;
			}
			
			.footer-0 {
				width: 1226px;
				height: 57px;
				margin: 0 auto;
			}
			
			.footer-0 div {
				display: inline-block;
			}
			
			.footer-left div {
				display: inline-block;
			}
			
			.footer-p p {
				font-size: 12px;
				line-height: 18px;
				display: inline-block;
				color: #b0b0b0;
			}
			
			.footer-right {
				vertical-align: top;
				vertical-align: right;
				text-align: right;
				width: 360px;
				margin-left: 100px;
			}
			
			.footer-right  {
			   position: relative;
			   right: -3px;
				width:190px;
			}
			
			.footer-1 {
				height: 70px;
			}
			
			.footer-1 p {
				padding-top: 20px;
				font-size: 22px;
				color: #BABABA;
				/*line-height: 19px;*/
				font-family: "楷体";
				text-align: center;
			}
			
	
			}
		</style>
	</head>

	<body>
		<div class="nav">
			<div class="zero">
				<div class="one">
					<ul>
						<a href="#">
							<li>小米商城</li>
						</a>
						<a href="#">
							<li>MIUI</li>
						</a>
						<a href="#">
							<li>米聊</li>
						</a>
						<a href="#">
							<li>游戏</li>
						</a>
						<a href="#">
							<li>多看阅读</li>
						</a>
						<a href="#">
							<li>云服务</li>
						</a>
						<a href="#">
							<li>金融</li>
						</a>
						<a href="#">
							<li>小米商城移动版</li>
						</a>
						<a href="#">
							<li>问题反馈</li>
						</a>
						<a href="#">
							<li>SelectRegin</li>
						</a>
					</ul>
				</div>
				<div class="two">
					<ul>
						<a href="#">
							<li>购物车</li>
						</a>
						<a href="#">
							<li>消息通知</li>
						</a>
						<a href="#">
							<li>注册</li>
						</a>
						<a href="#">
							<li>登录</li>
						</a>
					</ul>
				</div>
			</div>
			<div class="main">
				<div class="child1">
					<div class="baby1"><img src="shouji/logo.png" /></div>
					    <div class="Left"><span class="li">全部商品分类</span>
								<div class="leftlist">
						 <ul  class="leftul">
						 	<li>手机 电话卡 <span>&gt;</span>
						 		<div>	<table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/018080.png" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/bjbcdq80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/compare.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/80pc-5x.png"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table>
											</div>
						 	</li>
						 	<li>笔记本 平板 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/bjbcdq80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/bjbcdq80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/bjbcdq80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/bjbcdq80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>电视 盒子<span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>路由器 智能硬件 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>移动电源                <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/hm4-80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>耳机 音箱            <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>保护套 贴膜 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/compare.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/compare.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/compare.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/compare.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>线材 支架 存储卡 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/dianhuashoubiao80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>箱包 服饰 鞋 眼镜 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/80pc-5x (1).png" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/80pc-5x (1).png" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/80pc-5x (1).png" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/80pc-5x (1).png"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 	<li>米兔 生活周边 <span>&gt;</span>
						 		<div><table border="0" cellspacing="0" cellpadding="0">
											<tr>
												<td><img src="Leftimg/max2_80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/max2_80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/max2_80.jpg" align="absmiddle"/>小米Max2</td>
												<td><span>选购</span></td>
												
											</tr>
											<tr>
												<td><img src="Leftimg/max2_80.jpg"align="absmiddle" />小米Max2</td>
												<td><span>选购</span></td>
											</tr>
												</table></div>
						 		
						 	</li>
						 </ul>			
								</div>
								</div>	
								<div id="A">
						<ul class="baby3">
							<a href="#">
								<li>小米手机
									<div  class="daohan">
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>		
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>红米
									<div  class="daohan">
									<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>平板
									<div  class="daohan">
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>				
									
									</div>
								</li>
							</a>
							<a href="#">
								<li>笔记本
									<div  class="daohan">
									<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>电视
									<div  class="daohan">
						<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>						
										
									</div>
								</li>
							</a>
							<a href="#">
								<li>盒子
									<div  class="daohan">
										<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>影音
									<div  class="daohan">
										<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/123321!160x110.jpg"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>路由器
									<div  class="daohan">
										<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/hm4x!160x110.jpg"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>智能硬件
									<div  class="daohan">
										<div class="headimg">
								<img src="Daohanimg/xm6-320.png"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/xm6-320.png"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/xm6-320.png"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/xm6-320.png"/>
							</div>		
									</div>
								</li>
							</a>
							<a href="#">
								<li>服务
									<div  class="daohan"><div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/5x-2!160x110.jpg"/>
							</div>		</div>
								</li>
							</a>
							<a href="#">
								<li>社区
									<div class="daohan"><div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>		
										
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>			
									
							
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>
							
									
							<div class="headimg">
								<img src="Daohanimg/mipad3_320.png"/>
							</div>		</div>
								</li>
							</a>
							<li><input  type="search" name="" id="" value="" /></li>
						</ul>
					</div>
					</div>
					</div>
						<script type="text/javascript">
						var A = document.getElementById("A");
						var lis = A.getElementsByTagName("li");
						for(var i = 0; i < lis.length; i++) {
							lis[i].onmouseover = function() {
								this.getElementsByTagName("div")[0].style.display = "block";
							};
							lis[i].onmouseout = function() {
								this.getElementsByTagName("div")[0].style.display = "none";
							};
						}
					</script>
					<script type="text/javascript">
						var leftlist = document.querySelector(".leftlist");
						var lis =leftlist .getElementsByTagName("li");
						for(var i = 0; i < lis.length; i++) {
							lis[i].onmouseover = function() {
								this.getElementsByTagName("div")[0].style.display = "block";
							};
							lis[i].onmouseout = function() {
								this.getElementsByTagName("div")[0].style.display = "none";
							};
						}
			
			</script>
			<script type="text/javascript">
				 var li=document.querySelector(".Left");
				 var left=document.querySelector(".leftlist");
				 li.onmouseover=function(){
				 	left.style.display="block";
				 }
				  left.onmouseout=function(){
				 	left.style.display="none";
				 }
			</script>
			</div>
		<div id="body">
			<div class="menu">
				首页&nbsp;>全部结果&nbsp;>&nbsp;手机
			</div>
			<div class="jieshao">
				<table border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td style="color: #B0B0B0;text-align: left;">分类：</td>
						<td style="color: orangered;">全部</td>
						<td>贴膜</td>
						<td>小米头戴式耳机</td>
						<td>保护套/保护壳</td>
						<td>小米圈铁耳机</td>
						<td>小米活塞耳机</td>
						<td onclick="show1()">更多</td>
					</tr>
					<tr>
						<td style="color: #B0B0B0;text-align: left;">机型：</td>
						<td style="color: orangered;">全部</td>
						<td>小米Max2</td>
						<td>小米6</td>
						<td>小米5c</td>
						<td>红米4x</td>
						<td>小米Note2</td>
						<td onclick="show2()">更多</td>
					</tr>
					<tr>
						<td style="color: #B0B0B0;text-align: left;">品牌：</td>
						<td style="color: orangered;">全部</td>
						<td>小米</td>
						<td>第三方品牌</td>
						<td>1MORE</td>
						<td>闪迪</td>
						<td></td>
						<td></td>
					</tr>
				</table>

			</div>
			<div class="shoowtu">
				<div class="caidan">
				<span>推荐</span>
				<span>|</span>
				<span>新品</span>
				<span>|</span>
				<span>价格</span>
				<span>|</span>
				<span>评论最多</span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span style="color:#F5F5F5 ;">评论最多 </span>
				<span>查看评价&nbsp;</span>
				<span>&nbsp;仅显示特惠商品</span>
				<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;仅显示有货商品</span>
				</div>
				<div class="div">
					<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1467184989.74561304!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1469583247.6157588.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1469694895.01922815!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1469787920.69869416!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1472180573.13116282!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1472198624.61936711!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1472609961.95298675.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1474430362.70018703!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1474859997.10825620.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1474888072.78155129!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1474888499.19594663!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1478483212.42224140!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1482221011.26064844!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1482301662.61336109!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1487824962.01314237.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1487839278.99934443!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1488333421.25446286!200x200.png" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1488522289.66234577!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1488523016.01497956!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1490949492.24196486.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1492587660.55753313!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1493261514.03223754!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1494475216.30891602!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/T1T2AjBybv1RXrhCrK!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
			</div>
			<div class="h1">
				<img src="shouji/8a2c5b7595f9d342b6e4aca20b1edb6a.png" />
			</div>
			<div class="tuijian2">
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1467184989.74561304!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1469583247.6157588.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1469694895.01922815!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
				<div class="div">
						<div class="hidden">
				<span class="span1">	<img src="shouji/e61ac5e8e3c7364c8c365d99c5c2194c.png"/></span>
					<span class="span2"><img src="shouji/5b7d785cf9d08f4d9743b97d33874618.png"/></span>
					</div>
					<div class="div1">
						<img src="shouji/pms_1469787920.69869416!200x200.jpg" width="200" height="200" />
					</div>
					<p class="desc">适用于红米NOTE 4X 3GB+32GB</p>
					<p>红米note4X（3GB+32GB）智能显示保护套</p>
					<p style="color: red;width: 296px;text-align: center;">29元</p>
				</div>
			</div>
		</div>
		<div class="foot">
				<div class="foot-top">
					<ul>
						<li>
							<a href="#">预约维修服务</a>
						</li>
						<li>|</li>
						<li>
							<a href="#">7天无理由退货</a>
						</li>
						<li>|</li>
						<li>
							<a href="#">15天免费换货</a>
						</li>
						<li>|</li>
						<li>
							<a href="#">满150包邮</a>
						</li>
						<li>|</li>
						<li>
							<a href="#">520余家售后网点</a>
						</li>
					</ul>
				</div>
				<div class="foot-middle">
					<div class="middle-left">
						<div class="middle-list">
							<ul>
								<li class="list-head">帮助中心</li>
								<li>
									<a href="#">账户管理</a>
								</li>
								<li>
									<a href="#">购物指南</a>
								</li>
								<li>
									<a href="#">订单操作</a>
								</li>
							</ul>
						</div>
						<div class="middle-list">
							<ul>
								<li class="list-head">服务支持</li>
								<li>
									<a href="#">售后政策</a>
								</li>
								<li>
									<a href="#">自助服务</a>
								</li>
								<li>
									<a href="#">相关下载</a>
								</li>
							</ul>
						</div>
						<div class="middle-list">
							<ul>
								<li class="list-head">线下门店</li>
								<li>
									<a href="#">小米之家</a>
								</li>
								<li>
									<a href="#">服务网点</a>
								</li>
								<li>
									<a href="#">零售网点</a>
								</li>
							</ul>
						</div>
						<div class="middle-list">
							<ul>
								<li class="list-head">关于小米</li>
								<li>
									<a href="#">了解小米</a>
								</li>
								<li>
									<a href="#">加入小米</a>
								</li>
								<li>
									<a href="#">联系我们</a>
								</li>
							</ul>
						</div>
						<div class="middle-list">
							<ul>
								<li class="list-head">关注我们</li>
								<li>
									<a href="#">新浪微博</a>
								</li>
								<li>
									<a href="#">小米部落</a>
								</li>
								<li>
									<a href="#">官方微信</a>
								</li>
							</ul>
						</div>
						<div class="middle-list">
							<ul>
								<li class="list-head">特色服务</li>
								<li>
									<a href="#">F码通道</a>
								</li>
								<li>
									<a href="#">礼物码</a>
								</li>
								<li>
									<a href="#">防伪查询</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="middle-right">
						<div class="middle-text">
							<span class="number">400-100-5678</span><br />
							<span>周一至周日 8:00-18:00</span><br />
							<span>(仅收市话费)</span><br />
							<span class="customer"><a href="#">24小时在线客服</a></span>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="footer-0">
					<div class="footer-left">
						<div class="footer-img">
							<img src="shouji/logo.png" />
						</div>
						<div class="footer-p">
							<p>小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</p><br />
							<p>@mi.com 京ICP证110507号 京ICP备10046444号京公网安备11010802020134号 京网文[2014]0059-0009号</p><br />
							<p> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
						</div>
					</div>
					<div class="footer-right">
					<img src="IMDP/193ef991df6a9047ac6784e9550986c1.png"/>
					</div>
				</div>
				<div class="footer-1">
					<p>探索黑科技，小米为发烧而生</p>
				</div>
			</div>
	</body>

</html>